<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>联系我们</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}" />
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head" />
    <script>
        Wind.css('layer');
    </script>
    <script src="//api.map.baidu.com/api?v=1.3"></script>

    <style>
        img {
            max-width: none;
        }
        
        .layui-layer-imgprev {
            left: 10px;
            background-position: -80px -5px;
        }
        
        .layui-layer-imgprev:hover {
            background-position: -129px -5px;
        }
        
        .layui-layer-imgnext {
            right: 10px;
            background-position: -78px -50px;
        }
        
        .layui-layer-imgnext:hover {
            background-position: -129px -50px;
        }
        
        .layui-layer-setwin .layui-layer-close2 {
            right: 0px;
            top: 0px;
        }
    </style>
    <hook name="before_head_end" />
</head>

<body class="body-black">
    <include file="public@nav" />
    <notempty name="theme_vars.rental_top_banner">
        <div class="top-banner"><img src="/upload/{$theme_vars.rental_top_banner}"></div>
    </notempty>
    <div class="container">
        <div class="row text-center">
            <div style="margin-bottom: 40px;">
                <h1 class="title">{$site_info.site_name|default='壹车汇'}</h1>
                <h3 class="sub_title">FIRST AUTO CLUB</h3>
            </div>
            <div class="info-tab text-center">
                <notempty name="theme_vars.company_profile_id">
                    <a href="{:cmf_url('portal/Page/index',array('id'=>$theme_vars.company_profile_id))}"><span <eq name="page.id" value="$theme_vars.company_profile_id">class="action"</eq>>公司简介</span></a>
                </notempty>
                <notempty name="theme_vars.our_superiority_id">
                    <a href="{:cmf_url('portal/Page/index',array('id'=>$theme_vars.our_superiority_id))}"><span <eq name="page.id" value="$theme_vars.our_superiority_id">class="action"</eq>>我们的优势</span></a>
                </notempty>
                <notempty name="theme_vars.customer_lift_id">
                    <a href="{:cmf_url('portal/Page/index',array('id'=>$theme_vars.customer_lift_id))}"><span <eq name="page.id" value="$theme_vars.customer_lift_id">class="action"</eq>>客户提车记</span></a>
                </notempty>
                <notempty name="theme_vars.partners_id">
                    <a href="{:cmf_url('portal/Page/index',array('id'=>$theme_vars.partners_id))}"><span <eq name="page.id" value="$theme_vars.partners_id">class="action"</eq>>合作伙伴</span></a>
                </notempty>
                <notempty name="theme_vars.contact_us_id">
                    <a href="{:cmf_url('portal/Page/index',array('id'=>$theme_vars.contact_us_id))}"><span <eq name="page.id" value="$theme_vars.contact_us_id">class="action"</eq>>联系我们</span></a>
                </notempty>
                <notempty name="theme_vars.join_us_id">
                    <a href="{:cmf_url('portal/Page/index',array('id'=>$theme_vars.join_us_id))}"><span <eq name="page.id" value="$theme_vars.join_us_id">class="action"</eq>>加入我们</span></a>
                </notempty>
            </div>
            <div class="clearboth"></div>
        </div>
        <eq name="page.id" value="$theme_vars.company_profile_id">
            <div class="row">
                <div class="article-title">{$page.post_title}</div>
                <div class="tc-box article-box">
                    <div id="article_content">
                        {$page.post_content}
                    </div>
                </div>
            </div>
        </eq>
        <eq name="page.id" value="$theme_vars.our_superiority_id">
            <div class="row">
                <div class="article-title">{$page.post_title}</div>
                <div class="tc-box article-box">
                    <div id="article_content">
                        {$page.post_content}
                    </div>
                </div>
            </div>
        </eq>
        <eq name="page.id" value="$theme_vars.customer_lift_id">
            <div class="row">
                <div class="article-title text-center">{$page.post_title}</div>
                <div class="tc-box article-box" id="customer-lift">
                    <div id="article_content">
                        {$page.post_content}
                    </div>
                    <div class="row">
                        <widget name="delivery_album">
                            <notempty name="widget.vars.delivery_album">
                                <div class="info-line" style="background-position-x: -40px;margin-top: 35px;"></div>
                                <div class="text-center info-btn" style="margin-top: 50px;"><span>提车记</span></div>
                                <div class="excerpt-img" style="margin-left: -6px;">
                                    <ul id="delivery_album">
                                        <foreach name="widget.vars.delivery_album" item="vo">
                                            <li id="delivery_album-{$key}" style="float:left">
                                                <img id="exterior-{$key}-preview" src="/upload/{$vo['photo']}" onclick="imagePreviewDialog('delivery_album');">
                                                 <div style="text-align: center;background: #262626;margin: 0 5px;padding: 5px;">{$vo['title']}</div>
                                            </li>
                                           
                                        </foreach>
                                    </ul>
                                    <div class="clearfix"></div>
                                    <a id="excerpt-prev" class="prev sy13_prev" style="left: 6px;" href="javascript:;"></a>
                                    <a id="excerpt-next" class="next sy13_next" style="right: -6px;" href="javascript:;"></a>
                                </div>
                            </notempty>
                        </widget>
                    </div>
                    <div class="row">
                        <widget name="rent_album">
                            <notempty name="widget.vars.rent_album">
                                <div class="text-center info-btn"><span>租车记</span></div>
                                <div class="excerpt-img" style="margin-left: -6px;">
                                    <ul id="rent_album">
                                        <foreach name="widget.vars.rent_album" item="vo">
                                            <li id="rent_album-{$key}" style="float:left">
                                                <img id="exterior-{$key}-preview" src="/upload/{$vo['photo']}" onclick="imagePreviewDialog('rent_album');">
                                                <div style="text-align: center;background: #262626;margin: 0 5px;padding: 5px;">{$vo['title']}</div>
                                            </li>
                                            
                                        </foreach>
                                    </ul>
                                    <div class="clearfix"></div>
                                    <a id="excerpt-prev" class="prev sy13_prev" style="left: 6px;" href="javascript:;"></a>
                                    <a id="excerpt-next" class="next sy13_next" style="right: -6px;" href="javascript:;"></a>
                                </div>
                            </notempty>
                        </widget>
                    </div>
                </div>
            </div>
            <script src="__TMPL__/public/assets/js/carouFredSel.js "></script>
            <script type="text/javascript">
                Wind.use("layer");

                function imagePreviewDialog(obj) {
                    //Wind.use("layer", function() {
                    layer.photos({
                        photos: '#' + obj,
                        closeBtn: true,
                        anim: 5, //0-6的选择，指定弹出图片动画类型，默认随机
                        shadeClose: true,
                        area: ['1000px', '600px'],
                        shade: [0.8, '#303232'],
                    })

                }
                $(function() {
                    $('#delivery_album').carouFredSel({
                        direction: 'left',
                        circular: true,
                        infinite: true,
                        items: 3,
                        align: true,
                        auto: true,
                        prev: '#excerpt-prev',
                        next: '#excerpt-next'
                    });
                    $('#rent_album').carouFredSel({
                        direction: 'left',
                        circular: true,
                        infinite: true,
                        items: 3,
                        align: true,
                        auto: true,
                        prev: '#excerpt-prev',
                        next: '#excerpt-next'
                    });
                });
            </script>
        </eq>
        <eq name="page.id" value="$theme_vars.partners_id">
            <div class="row">
                <div class="article-title text-center">{$page.post_title}</div>
                <div class="tc-box article-box">
                    <div id="article_content">
                        {$page.post_content}
                        <div class="row">
                            <widget name="cooperative_manufacturer">
                                <notempty name="widget.vars.cooperative_manufacturer">
                                    <div class="text-center info-btn" style="margin-bottom: 20px;"><span>合作厂商</span></div>
                                    <ul class="cooperative_manufacturer-img no-padding">
                                        <volist name="widget.vars.cooperative_manufacturer" id="vo">
                                            <li>
                                                <img class="imggray" src="/upload/{$vo['photo']}" />
                                            </li>
                                        </volist>
                                    </ul>

                                    <div class="clearboth"></div>
                                </notempty>
                            </widget>
                            <widget name="cooperative_bank">
                                <notempty name="widget.vars.cooperative_bank">
                                    <div class="text-center info-btn" style="margin-top:40px;margin-bottom: 20px;"><span>合作银行</span></div>
                                    <ul class="cooperative_bank-img no-padding">
                                        <volist name="widget.vars.cooperative_bank" id="vo">
                                            <li>
                                                <img src="/upload/{$vo['photo']}" />
                                            </li>
                                        </volist>
                                    </ul>
                                    <div class="clearboth"></div>
                                </notempty>
                            </widget>
                            <widget name="cooperative_insurance">
                                <notempty name="widget.vars.cooperative_insurance">
                                    <div class="text-center info-btn" style="margin-top:40px;margin-bottom: 20px;"><span>合作保险</span></div>
                                    <ul class="cooperative_insurance-img no-padding">
                                        <volist name="widget.vars.cooperative_insurance" id="vo">
                                            <li>
                                                <img src="/upload/{$vo['photo']}" />
                                            </li>
                                        </volist>
                                    </ul>
                                    <div class="clearboth"></div>
                                </notempty>
                            </widget>
                        </div>
                    </div>
                </div>
            </div>
        </eq>

        <eq name="page.id" value="$theme_vars.join_us_id">
            <div class="row">
                <div class="article-title text-center">{$page.post_title}</div>
                <div class="tc-box article-box">
                    <div id="article_content">
                        {$page.post_content}
                    </div>
                </div>
            </div>
        </eq>
        <eq name="page.id" value="$theme_vars.contact_us_id">
            <div class="row">
                <div class="article-title text-center">{$page.post_title}</div>
                <div class="tc-box article-box">
                    <div id="article_content">
                        <notempty name="page.more.thumbnail">
                            <div style="float:left;margin-right: 60px;">
                                <img src="{:cmf_get_image_url($page.more.thumbnail)}" class="img-responsive" alt="">
                            </div>
                        </notempty>
                        <div style="float:left"> {$page.post_content}</div>
                        <div class="clearboth"></div>
                    </div>
                </div>
            </div>
            <div class="row map-box">
                <div id="mapCanvas" class="map-canvas no-margin" style="height: 705px;">
                    <php>
                        $company_location=empty($theme_vars['company_location'])?'114.126524,22.585265':$theme_vars['company_location']; $company_location=explode(',',$company_location); $company_location_lng=$company_location[0]; $company_location_lat=$company_location[1];
                    </php>
                    <script type="text/javascript">
                        var map = new BMap.Map("mapCanvas"); // 创建Map实例
                        var point = new BMap.Point("{$company_location_lng}", "{$company_location_lat}"); // 创建点坐标
                        map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别。
                        //map.enableScrollWheelZoom(); //启用滚轮放大缩小
                        //添加缩放控件
                        map.addControl(new BMap.NavigationControl());
                        map.addControl(new BMap.ScaleControl());
                        map.addControl(new BMap.OverviewMapControl());

                        var marker = new BMap.Marker(point); // 创建标注
                        map.addOverlay(marker); // 将标注添加到地图中
                        var infoWindow = new BMap.InfoWindow("{$theme_vars.baidu_map_info_window_text|htmlspecialchars_decode|default=''}"); // 创建信息窗口对象
                        marker.openInfoWindow(infoWindow);
                    </script>
                </div>
            </div>
        </eq>
        <div class="hot-footer">
            <div class="row list-head">
                <div class="news-head-title hot-title">热门推荐</div>
                <div class="refresh hot-footer-refresh">换一批</div>
                <div class="clearboth"></div>
            </div>
            <div class="row" style="margin:0 -30px" id="refresh-box">
                <rental:cars limit="4" order="RAND()">
                    <div class="col-md-3 car-box">
                        <div class="tc-gridbox">
                            <a href="{:cmf_url( 'rental/Car/index',array( 'id'=>$vo.id,'cid'=>$vo.category_id))}">
                                <div class="header">
                                    <div class="item-image">
                                        <present name="vo.more.thumbnail">
                                            <empty name="vo.more.thumbnail">
                                                <img src="__TMPL__/public/assets/images/default-thumbnail.png" class="img-responsive" alt="">
                                                <else/>
                                                <img src="{:cmf_get_image_url($vo.more.thumbnail)}" class="img-responsive" alt="">
                                            </empty>
                                            <else/>
                                            <img src="__TMPL__/public/assets/images/default-thumbnail.png" class="img-responsive" alt="">
                                        </present>
                                    </div>
                                    <h3 class="title">
                                        {$vo.title}
                                    </h3>
                                    <div class="title price">
                                        <span class="now-price">一口价：{$vo.primary.price}万</span>&nbsp;&nbsp;&nbsp;<span class="m-price">市场价：{$vo.primary.m_price}万</span>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </rental:cars>
            </div>
            <script type="text/javascript">
                $(function() {
                    var refresh_url = '{:url("rental/Car/refreshAjax")}';
                    $('.hot-footer-refresh').click(function() {
                        $.get(refresh_url, function(result) {
                            // $("#refresh-box").html('');
                            $("#refresh-box").html(result);
                        });
                    });

                });
            </script>
        </div>
    </div>


    <include file="public@footer" />
    <include file="public@scripts" />
    <hook name="before_body_end" />
</body>

</html>